.markdown-editor {
  :global {
    .editor-container {
      display: flex;
      height: calc(100vh - 72px);

      .editor {
        width: 50%;
        height: 100%;
        overflow: auto;

        textarea {
          border-color: #e1e4e8;
        }
      }
      .preview {
        width: 50%;
        height: 100%;
        padding: 1rem;
        overflow: auto;
        background-color: #fafafa;
      }
    }

    .title {
      min-width: 500px;
      font-size: 20px;
      line-height: 20px;
      border: none;
      outline: none;
      box-shadow: none;
    }

    .ant-page-header {
      .ant-page-header-heading-left {
        flex-grow: 1;
      }
      .ant-page-header-heading-tags {
        flex-grow: 0.75;
      }
    }

    .ant-avatar {
      img {
        cursor: pointer;
      }
    }
  }
}
